  <div class="one-register-box one-min-height">
    <div class="one-register-box-body">

      <form class="form form-horizontal"  [formGroup]="themeForm"  >
        <div class="form-group">
          <label for="name" class="col-xs-3 control-label">名称:</label>
          <div class="col-xs-9">
            <input type="hidden" id="id" formControlName="id" name="id">
            <input type="text" class="form-control" id="name"   formControlName="name" required>
            <div *ngIf="formErrors.name" class="has-error">
              <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.name}} </label>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label for="code" class="col-xs-3 control-label">编码:</label>
          <div class="col-xs-9">
            <input type="text" class="form-control" id="code" formControlName="code" required >
            <div *ngIf="formErrors.code" class="has-error">
              <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.code}} </label>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-xs-3 control-label">是否启用:</label>
          <div class="col-xs-9" >
            <div class="row">
              <div class="col-xs-4">
                <input type="radio" id="theme_enable_yes" value="1" formControlName="isEnable"  [checked]="enableValue=='1'">
                <label for="theme_enable_yes">
                  启用
                </label>
              </div>
              <div class="col-xs-4">
                <input type="radio"  formControlName="isEnable" id="theme_enable_no" checked value="0"  [checked]="enableValue=='0'">
                <label for="theme_enable_no">
                  禁用
                </label>
              </div>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-xs-3 control-label">是否默认:</label>
          <div class="col-xs-9" >
            <div class="row">
              <div class="col-xs-4">
                <input type="radio" formControlName="isDefault" id="theme_default_yes" value="1" >
                <label for="theme_default_yes">
                  是
                </label>
              </div>
              <div class="col-xs-4">
                <input type="radio" formControlName="isDefault" id="theme_default_no" checked value="0" >
                <label for="theme_default_no">
                  否
                </label>
              </div>
            </div>
          </div>
        </div>
        <div class="pull-right">
          <button class="btn btn-default" type="button" (click)="cancel()">取消</button>
          <button class="btn btn-success" type="button"  [disabled]="themeForm.invalid" (click)="onSubmit()">提交</button>
        </div>
      </form>

    </div>
  </div>
